<template>
<!-- 加载失败 -->
  <div class="failedLoad">
    <div class="flex" style="width: 100%;padding: 20px 0;flex-direction: column;">
      <div class="imageBox">
        <img src="https://dss.schaefflercn.com:9060/static/img/failedLoad.png" class="image">
      </div>
      <p class="size14" style="text-align: center;color:#999">{{this.$t('app.loadFailed')}}</p>
    </div>
  </div>
</template>
<script>
export default {
  name: "failedLoad",
  components: {
  },
  data() {
    return { 
      headImage: require("@/assets/failedLoad.png")
      
    };
  },
  mounted() {
    
  },
  methods: {
  }
};
</script>
<style scoped>
.failedLoad{
  /* position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100; */
  background-color: #fff; 
}
.imageBox{
  width: 10rem;
  height: 10rem;
}
.image{
  width: 100%;
}
</style>

